<div class="content">
  <!-- 左侧小导航 -->
  <div class="contentL" id="contentL">
    <!-- 顶部网页名字标签 -->
    <div class="topImg" style="width: 250px;height: 40px;">
      <!-- {{page}} -->
      <img src="{{webName}}" alt="" ondragstart="return false" />
    </div>
    <!-- 网址导航 -->
    <div class="links">
      <ul>
          <!-- routerLink="/jituangaikuang/{{i.id}}" -->
        <li *ngFor='let i of lists' (click)="changeR(i.id)" ><a  *ngIf="page=='sytzGsyj'" ><div class="toRightArrow"></div>{{i.title}}</a><a *ngIf="page!='sytzGsyj'" ><div class="toRightArrow"></div>{{i.title}}</a></li>
        <!-- <li  *ngFor='let i of lists' (click)="changeR(i.id)" ></li> -->
      </ul>
    </div>
    <img src="../../../assets/img/pic_zs.jpg" alt="">
    <!-- 友情链接 -->
    <div class="friendly">
      <select name="" id="friendly" onchange="window.open(this.value,'_blank')">
        <option value="">友情链接</option>
        <option value="http://www.shougang.com.cn/sgweb/html/index.html">首钢集团</option>
        <option value="http://www.cacem.com.cn/index.html">中国企业施工管理协会</option>
      </select>
    </div>
    <!-- <div class="blankL"></div> -->
    <!-- 底部背景图 -->
    <div class="contentBtmImg">
      <img src="{{contentBtmImg}}" style="width: 100%;height: 100%;" alt="">
    </div>
  </div>
  <!-- 右侧详情 -->
  <div class="contentR">
    <!-- 面包屑 -->
      <div class="rightTitle">
        <div class="RLImg">{{RLName}}</div>
        <div class="breadNav" *ngIf="RLName" >
          <span>当前位置:</span>
          <a routerLink="">&nbsp;首页</a>
          <a routerLink="/{{page}}" *ngIf="firstTitle">&nbsp;>{{firstTitle}}</a>
          <a style="cursor: pointer;">&nbsp;>{{RLName}}</a>
        </div>
      </div>
      <!-- 如果单篇文章 -->
      <!--  -->
      <div class="RArticle" >
        <div class="RAHeader" *ngIf="articleTitle">
          <div class="RATitle">{{articleTitle}}</div>
          <div class="RADazhongxiao">
            <div class="publishTime">发布时间 : {{publishDate}}</div>
            <div class="fontsize">【 <span (click)="changeFont(1)">大</span > &nbsp; <span (click)="changeFont(2)">中</span>&nbsp; <span (click)="changeFont(3)">小</span> &nbsp; <span  (click)="changeFont(4)">打印</span>  】</div>
          </div>
        </div>
        <div  class="RAContent">{{articleContent}}</div>
      </div>
      <!-- 如果文章列表且不等于公司业绩页 -->
      <!-- *ngIf="articleList" -->
      <div class="RList" *ngIf="articleList&&page!='4'&&page!='sytzGsyj'&&rwfc==false&&!articleTitle">
        <ul >
          <li *ngFor="let i of returnedArray"><a (click)="showNews(i.id)" class="articleListA"> <div class="listImg"></div> {{i.title}}</a><span>{{i.publish_time.substring(0,10)}}</span></li>
        </ul>
      </div>
      <!-- 如果是人物风采页 *ngIf="rwfc" -->
      <div *ngIf="rwfc" class="rwfcContent">
        <div class="rwfcHeart">
          <ul>
            <li *ngFor="let i of rwfcList">
              <div class="rwfcTitle">{{i.name}}</div>
              <!-- <div class=""></div> -->
              <ul>
                <li *ngFor="let a of i.child">
                  <div class="rwfcSecTitle">{{a.name}}</div>
                  <ul class="rwfcNames">
                    <li *ngFor="let b of a.content"><a (click)="showNews(b.id)">{{b.title}}</a></li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        
      </div>
      <!-- <div class="fgx"></div> -->
      <!-- 公司业绩页 -->
      <div class="RList" style="padding-right: 0;" *ngIf="page=='4'||page=='sytzGsyj'">
        <ul  class="gsyjRList" *ngIf="!articleTitle">
            <!-- <a routerLink="/{{firstLink}}/{{i.id}}" class="articleListA"> <div class="listImg"></div> {{i.title}}</a><span>{{i.publish_time}}</span> -->
          <li *ngFor="let i of returnedArray">
            <div class="gsyjContent">
              <a (click)="showNews(i.id)" style="text-decoration: none;color: #666666;" >
                <div class="gsyjContImg" style="width: 182px;height: 123px;">
                  <img  src="{{mainUrl+i.image}}" alt="">
                  <!-- <div *ngIf="==undefined" style="width: 182px;height: 123px;"></div> -->
                </div>
                <div class="gsyjContTitle">{{i.title}}</div>
                <div class="gsyjContContent">{{i.content.substring(0,65)+'...'}}</div>
                <div class="moreImg">
                  <img src="../../../assets/img/more_2.jpg" alt="">
                </div>
              </a>
            </div>
          </li>
        </ul>
      </div>
      <!-- 网站地图 -->
      <div class="wzdt" *ngIf="page=='map'">
         <ul>
           <li *ngFor="let item of mapList">
             <div class="wzdtTitle">{{item.title}}</div>
             <ul class="wzdtUrl">
               <li *ngFor="let a of item.child "><a (click)="goToPage(item.id,a.id)" >{{a.title}}</a></li>
             </ul>
           </li>
         </ul>
      </div>
      <div *ngIf="articleTitle==''&&rwfc==false" class="fgx" style="margin-top: 20px;width: 90%;background-color: #fff;border-bottom: 1px dotted #000;height: 0;"></div>
      <div *ngIf="articleTitle"  style="margin-top: 20px;width: 100%;height: 2px;"></div>
      <div class="pager" >
          <pagination *ngIf="articleTitle==''&&rwfc==false&&page!='map'" itemsPerPage="15" class="detailPagination" [totalItems]="contentArray.length" (pageChanged)="pageChanged($event)" [rotate]="rotate" [maxSize]="5" [boundaryLinks]="true"
          previousText="上一页" nextText="下一页" firstText="首页" lastText="末页"></pagination>
      </div>
     
      <!-- <div class="blankR" *ngIf="articleList!=''" ></div> -->
      
      <div class="contentRImg">
        <img src="{{contentRImg}}" style="width: 104.5%;height: 100%;" alt=""> 
      </div>
  </div>
</div>